@primary-color: #06b6d4;
@primary-font-color: #2c3e50;
@primary-font-description-color: #999;
@border-color: hsl(216, 14%, 93%);
@link-color: #06b6d4;

@border-radius: 8px;
@default-font-size: 15px;
@small-font-size: 12px;
@default-font-weight: 600;
@text-line-height: 24px;

@max-space: 16px;
@small-space: 5px;
@normal-space: 10px;

@default-font-weight: 400;

@doc-code-color: #58727e;
@doc-code-font-family: Courier New;

.TextEllipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.ResetLinkStyle(@textColor) {
    .TextEllipsis();

    cursor: pointer;
    font-weight: @default-font-weight;
    text-decoration: none;
    color: @textColor;
}

.LingerGradientTextColor(@color1, @color2) {
    background: linear-gradient(to right, @color1, @color2);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

@header-height: 71px;
@side-width: 270px;
@nav-scroll-width: 270px;
@min-content-height: calc(100vh - @header-height);
